<html xmlns:fb="http://ogp.me/ns/fb#">
<head>
		<!--CSS-->
		<!-- bootstrap -->
		<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/css/bootstrap-responsive.min.css"/>
		<!-- datepicker -->
		<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/css/datepicker.css"/>		
		
		<!-- fancybox -->
		<link rel="stylesheet" href="<?php echo base_url(); ?>assets/lib/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
		
		<!-- chosen -->
		<link rel="stylesheet" href="<?php echo base_url()?>assets/lib/chosen/chosen.css">
		<link rel="stylesheet" href="<?php echo base_url()?>assets/css/big-modal.css">				
		<link rel="stylesheet" href="<?php echo $css_dir; ?>style.css">
		<style>
			::-webkit-scrollbar
			{
				width:10px;
				height:10px;
			}

			::-webkit-scrollbar-button:start:decrement
			{
				height:10px;
				background-color: transparent;
			}
			::-webkit-scrollbar-button:end:increment
			{
				height:30px;
				background-color: transparent;
			}

			::-webkit-scrollbar-track-piece
			{
				height:30px;
				background-color: #ddd;
				-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
			}

			::-webkit-scrollbar-thumb
			{
				height:1px;				
				background-color: #333;
				-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3)
			}
		</style>
			
		<link href='http://fonts.googleapis.com/css?family=Chau+Philomene+One:400,400italic' rel='stylesheet' type='text/css'>
		<!-- JS includes -->
		<script type="text/javascript">
			document.write('\x3Cscript src="' + (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//webfonts.creativecloud.com/alfa-slab-one:n4:all.js" type="text/javascript">\x3C/script>');
		</script>
		<link rel="stylesheet" href="https://webfonts.creativecloud.com/c/3bdc2d/alfa-slab-one:n4.WW1:H:1/d">
		<script src="https://webfonts.creativecloud.com/alfa-slab-one:n4:all.js" type="text/javascript"></script>
		<script type="text/javascript">
            var API_Key = '<?php echo $this->config->item('APIKey'); ?>';
        </script>
		<title><?php echo isset($title)?$title:'Untitled Page'; ?></title>
</head>
<body style="padding:0;overflow-x:hidden;background:#000;">
<script>
  window.fbAsyncInit = function() {
    // init the FB JS SDK
    FB.init({
      appId      : <?php echo $fb_app_id;?>,                        // App ID from the app dashboard
      status     : true,                                 // Check Facebook Login status
    });

    // Additional initialization code such as adding Event Listeners goes here
  };

  // Load the SDK asynchronously
  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/all.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>    
